<!DOCTYPE html>
<!-- saved from url=(0044)http://cashemir.kwst.net/personal/index.html -->
<html lang="en" class=" js csstransitions" style="height: auto;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}</style><link type="text/css" rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/css"><style type="text/css">@media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}@media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}</style><style type="text/css">.gm-style{font-family:Roboto,Arial,sans-serif;font-size:11px;font-weight:400;text-decoration:none}</style>
<!--=============== basic  ===============-->

	<meta charset="UTF-8">
	<title>Cashemir. Responsive One Page Portfolio</title>
	<meta name="description" content="Your website description here">
	<meta name="keywords" content="your, website, keywords, here">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	
<!--=============== css  ===============-->	
    <link rel="stylesheet" href="http://cashemir.kwst.net/personal/css/font-awesome.min.css">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/normalize.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/grid.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/owl.carousel.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/flexslider.css" type="text/css" media="screen">
	<link rel="stylesheet" href="http://cashemir.kwst.net/personal/css/magnific-popup.css" media="all">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/superslides.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/style.css" type="text/css" media="screen">
		<!-- panel css -->
	<link rel="stylesheet" href="./Cashemir. Responsive One Page Portfolio_files/panel.css" type="text/css" media="screen">

	
<!--=============== fonts  ===============-->

	<link href="./Cashemir. Responsive One Page Portfolio_files/css(1)" rel="stylesheet" type="text/css">
	
<!--=============== colors  ===============-->	

	<link rel="alternate stylesheet" type="text/css" href="./Cashemir. Responsive One Page Portfolio_files/blue-style.css" title="blue" media="screen">
	<link rel="alternate stylesheet" type="text/css" href="./Cashemir. Responsive One Page Portfolio_files/green-style.css" title="green" media="screen">
	<link rel="alternate stylesheet" type="text/css" href="./Cashemir. Responsive One Page Portfolio_files/yellow-style.css" title="yellow" media="screen">
	<link rel="alternate stylesheet" type="text/css" href="./Cashemir. Responsive One Page Portfolio_files/orange-style.css" title="red" media="screen">




<!--=============== modernizr  ===============-->

	<script src="./Cashemir. Responsive One Page Portfolio_files/modernizr.custom.97074.js" style=""></script>
	
<!--=============== google map ===============-->

	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/js"></script><script src="./Cashemir. Responsive One Page Portfolio_files/main.js" type="text/javascript"></script>
	
<!--=============== ie styles  ===============-->

	<!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css" /><![endif]-->
	
<!--=============== favicons ===============-->

	<link rel="shortcut icon" href="http://cashemir.kwst.net/personal/images/favicon.ico">

<script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/{common,map,util,marker}.js"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/{onion}.js"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/{controls,stats}.js"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/ViewportInfoService.GetViewportInfo"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/ft"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/ft(1)"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/AuthenticationService.Authenticate"></script><script type="text/javascript" charset="UTF-8" src="./Cashemir. Responsive One Page Portfolio_files/QuotaService.RecordEvent"></script></head>

<body onload="initialize()" style="display: block; margin: 0px;">

<div id="main" style="opacity: 1;">

<!--=============== navigation ===============-->

	<div class="navigation isDown">
	
		<div class="nav-overlay"></div>
		
		<div class="nav-button transition">
			<span></span>
			<span></span>
			<span></span>
		</div>
		
		<div class="inner">
			<img src="./Cashemir. Responsive One Page Portfolio_files/logo.png" class="logo" alt="" title="">
			
			<div class="link-holder" id="nav">
			<ul>
				<li class="current"><a href="http://cashemir.kwst.net/personal/index.html#about" class="scroll-link">About</a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#servises" class="scroll-link">Services</a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#portfolio" class="scroll-link">Portfolio</a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#resume" class="scroll-link">Resume</a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#contacts" class="scroll-link">Contacts</a></li>
				<li><a href="http://cashemir.kwst.net/personal/blog.html">Blog</a></li>
				<li><a href="http://cashemir.kwst.net/personal/shortcodes.html">Shortcodes</a></li>
			</ul>
			</div>
			
		</div>
	
		<div class="social-list">
			
			<ul>
				<li><a href="http://cashemir.kwst.net/personal/index.html#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li>
				<li><a href="http://cashemir.kwst.net/personal/index.html#" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a></li>	
			</ul>
						
		</div>	
			 
	</div>	<!--=============== navigation end ===============-->
		
	<div class="overlay fixed-overlay body-overlay"></div>	
	
	<div class="wrapper">
	
<!--=============== intro slide ===============-->

	<div id="intro">
	
		<div id="topSlide">
			<div id="slides" style="position: relative; overflow: hidden; width: 100%; height: 587px; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
				<div class="slides-control" style="position: relative; height: 100%; width: 4053px; left: -1351px;"><ul class="slides-container" style="margin: 0px; padding: 0px; list-style: none; position: relative; height: 100%; display: block;">
				
				<!-- Slide 1 -->
				
					<li style="display: none; left: 1351px; position: absolute; overflow: hidden; height: 100%; width: 1351px; top: 0px; z-index: 0; opacity: 1;">
						<div class="rester"></div>
							<div class="container">
								<h3>Responsive one page portfolio</h3>
								<h1 class="white">We are <span>Cashemir</span></h1>
								<div class="patern clear"><span></span></div>
							</div>
			
						<div style="background-image: url(&#39;images/bg/5.jpg&#39;);" class="slides-big-img"></div>
					</li>
		
					<!-- Slide 2 -->
					
					<li style="display: block; left: 1351px; position: absolute; overflow: hidden; height: 100%; width: 1351px; top: 0px; z-index: 2; opacity: 1;">
						<div class="rester"></div>
							<div class="container">
								<h3>Personal or Team</h3>				
								<h1 class="white"><span>Two</span> Versions</h1>
								<div class="patern clear"><span class="right"></span></div>
							</div>
	
						<div style="background-image: url(&#39;images/bg/4.jpg&#39;);" class="slides-big-img"></div>
					</li>
	
					<!-- Slide 3 -->
					
					<li style="display: none; left: 1351px; position: absolute; overflow: hidden; height: 100%; width: 1351px; top: 0px; z-index: 0;">
						<div class="rester"></div>
							<div class="container ">
								<h3>Four colors</h3>					
								<h1 class="white">Slider <span>or</span> Video </h1>
								<div class="patern clear"><span></span></div>
							</div>
	
						<div style="background-image: url(&#39;images/bg/1.jpg&#39;);" class="slides-big-img"></div>
					</li>
				</ul></div>

				<div class="slides-navigation">
				  <a href="http://cashemir.kwst.net/personal/index.html#" class="prev"><i class="fa fa-long-arrow-left fa-2x"></i></a>
				  <a href="http://cashemir.kwst.net/personal/index.html#" class="next"><i class="fa fa-long-arrow-right fa-2x"></i></a>
				</div>
				
  			<nav class="slides-pagination"><a href="http://cashemir.kwst.net/personal/index.html#1" class="">1</a><a href="http://cashemir.kwst.net/personal/index.html#2" class="current">2</a><a href="http://cashemir.kwst.net/personal/index.html#3">3</a></nav></div>
			<a href="http://cashemir.kwst.net/personal/index.html#about" class="start"><img src="./Cashemir. Responsive One Page Portfolio_files/start.png" alt="" title=""></a>
			
		</div> 
		
	</div><!--=============== intro end ===============-->

	
<!--=============== section about ===============-->

	<div id="about" class="sections ws">
		<div class="content">
			<div class="container">
			<h3 class="sections-head">Who i am</h3>
				<h2>About me</h2>
				
					<div id="owl-demo" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
	 
					<!-- slide 1-->
					
					  <div class="owl-wrapper-outer autoHeight" style="height: 639px;"><div class="owl-wrapper" style="width: 4788px; left: 0px; display: block;"><div class="owl-item" style="width: 1197px;"><div class="item fist-slide">
					  <div class="small-separator"></div>
					  <p>With clients all over the world and expertise in everything digital, we are ambitious, growing fast and committed to providing the best digital services. We have an impeccable track record for helping our customers gain popularity in the online world and beyond.</p>
	
					  
						<img src="./Cashemir. Responsive One Page Portfolio_files/ipad7.png" class="present-block animaper" alt="" title="">
					  
						<div class="customNavigation">
							<a class="btn next-slide transition lanch-sklills">next</a>
						</div>
					  
					  </div></div><div class="owl-item" style="width: 1197px;"><div class="item">
	
	
						<div class="grid-2">
						
						<h3 class="bigtext">My Philosophy</h3>
						<div class="small-separator"></div>
						
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Donec ut volutpat metus. Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu. </p>
						
						</div>
						
						<div class="grid-2">
						
							<h3 class="bigtext">My Mision</h3>
							<div class="small-separator"></div>
							<p> Donec ut volutpat metus. Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. Donec ut volutpat metus.</p>
							
						</div>	
									  
						<div class="grid-2">
						
							<h3 class="bigtext">My skills</h3>
							<div class="small-separator"></div>
							<div class="skillbar-holder">
							
								<div class="skillbar-title"><span>HTML5</span></div>
								<div class="skill-bar-percent">75%</div>
								<div class="skillbar clearfix " data-percent="75%">
									<div class="skillbar-bar"></div>
								</div>
							
								<div class="skillbar-title"><span>CSS3</span></div>	
								<div class="skill-bar-percent">100%</div>												
								<div class="skillbar clearfix " data-percent="100%">
									<div class="skillbar-bar"></div>
								</div>
								
								<div class="skillbar-title"><span>WORDPRESS</span></div>
								<div class="skill-bar-percent">85%</div>					
								<div class="skillbar clearfix " data-percent="85%">
									<div class="skillbar-bar"></div>
								</div>
								
								<div class="skillbar-title"><span>LOGO DESIGN</span></div>
								<div class="skill-bar-percent">55%</div>					
								<div class="skillbar clearfix" data-percent="55%">
									<div class="skillbar-bar"></div>
								</div>
													
							</div>
						
						</div>
							
						<div class="customNavigation clear">
							 <a class="btn close transition">next</a>
						</div>			  
					  
					</div></div></div></div>
					  
					<!-- slide 2 -->  
					
					  
	
				</div>
			
			</div>
		</div>
	</div><!--=============== section about end ===============-->
	

<!--=============== section servises ===============-->

	<div id="servises" class="sections">
	
		<div class="content">
		
			<div class="quote-icon"><i class="fa fa-cogs"></i></div>
			<div class="rester"></div>
			<div class="rester red"></div>
			
				<div class="container">
				<h3 class="sections-head white">What i do</h3>
					<h2 class="white">My Services</h2>
					<div class="small-separator ws"></div>
					
					
					<p class="white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consectetur et neque ac congue. Sed pulvinar metus eu lectus suscipit tempor. Aliquam arcu massa, mattis eget mattis vitae, porttitor eget eros. Integer ullamcorper eleifend sapien at scelerisque. Ut a metus dictum, eleifend massa convallis, sollicitudin libero. Vestibulum ac ipsum sem. Fusce elementum blandit interdum.</p>
					
					<div class="row" id="service_boxes">
						<div class="service_box animaper">
						
							<a name="0" class="animbox">Web Design</a>
							
						</div>
						
						<div class="service_box actser animaper">
						
							<a name="1" class="animbox">Development</a>
							
						</div>
						
						<div class="service_box animaper">
						
							<a name="2" class="animbox">Print Design</a>
							
						</div>
						
					</div> 
				</div>
				
				<div class="serviseslider-holder no-nav">
					<div class="container">
						<div class="serviseslider">
						
							
						
					<div class="flex-viewport" style="overflow: hidden; position: relative; height: 299px;"><ul class="slides" style="width: 1000%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-2394px, 0px, 0px);"><li class="clone" aria-hidden="true" style="width: 1197px; float: left; display: block;">
								
									<div class="icon-holder">
										<i class="fa fa-pencil fa-2x"></i>
									</div>
									
									<h3><span></span>Print Design<span></span></h3>
									<h4>Branding / Posters / Flyers</h4>
								
									<p>Vestibulum accumsan viverra facilisis. Sed at euismod elit, eu convallis felis. Pellentesque pretium tellus non nisl placerat posuere. Integer velit dolor, porta ut pretium vitae, adipiscing vitae elit. Maecenas condimentum justo mattis condimentum iaculis. Morbi faucibus, magna eu rhoncus cursus, ante augue sodales sapien, ac convallis lorem arcu ac risus. Vestibulum commodo tellus id felis porttitor pharetra. In metus magna, posuere at libero et, ultricies feugiat urna. Sed posuere malesuada commodo. </p>
					
							</li>
							
								<!-- fist-slide -->
								
								<li style="width: 1197px; float: left; display: block;">
								
									<div class="icon-holder">
										<i class="fa fa-trophy fa-2x"></i>
									</div>
									
									<h3><span></span>Web Design<span></span></h3>
									
									<h4>Web Design / Responsive / Landing Page</h4>
				
								<p>Nulla tincidunt interdum leo. Cras molestie eros velit, vitae malesuada mauris tincidunt ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est. In sit amet risus sed lacus tincidunt volutpat. Vestibulum et posuere purus.</p>
				
								</li>
								
								<!-- second-slide -->
								
								<li class="flex-active-slide" style="width: 1197px; float: left; display: block;">
								
									<div class="icon-holder">
										<i class="fa fa-heart-o fa-2x"></i>
									</div>
									
									<h3><span></span>Development<span></span></h3>
									<h4>CMS Implementation / Web Apps / Mob Apps</h4>
	
									<p>Aenean at lacus nec odio condimentum egestas. Pellentesque et pellentesque orci. Donec in commodo sapien. Donec id ante odio. Sed ut mollis nisl. Duis eu dapibus leo. Etiam nec nisl non mi aliquam laoreet sed nec nulla. Integer ultrices laoreet urna, et congue magna tempus nec. Phasellus purus felis, commodo a suscipit et, consectetur id diam. Proin ullamcorper id neque eget pulvinar.</p>
				
								</li>
									
								<!-- third-slide -->
											
								<li style="width: 1197px; float: left; display: block;">
								
									<div class="icon-holder">
										<i class="fa fa-pencil fa-2x"></i>
									</div>
									
									<h3><span></span>Print Design<span></span></h3>
									<h4>Branding / Posters / Flyers</h4>
								
									<p>Vestibulum accumsan viverra facilisis. Sed at euismod elit, eu convallis felis. Pellentesque pretium tellus non nisl placerat posuere. Integer velit dolor, porta ut pretium vitae, adipiscing vitae elit. Maecenas condimentum justo mattis condimentum iaculis. Morbi faucibus, magna eu rhoncus cursus, ante augue sodales sapien, ac convallis lorem arcu ac risus. Vestibulum commodo tellus id felis porttitor pharetra. In metus magna, posuere at libero et, ultricies feugiat urna. Sed posuere malesuada commodo. </p>
					
							</li>
									
						<li class="clone" aria-hidden="true" style="width: 1197px; float: left; display: block;">
								
									<div class="icon-holder">
										<i class="fa fa-trophy fa-2x"></i>
									</div>
									
									<h3><span></span>Web Design<span></span></h3>
									
									<h4>Web Design / Responsive / Landing Page</h4>
				
								<p>Nulla tincidunt interdum leo. Cras molestie eros velit, vitae malesuada mauris tincidunt ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est. In sit amet risus sed lacus tincidunt volutpat. Vestibulum et posuere purus.</p>
				
								</li></ul></div></div>
		
				</div>
				
			</div>
		</div>
	</div><!--=============== section servises end ===============-->
		
<!--=============== section testimontals ===============-->

	<div id="testimonials" class="sections">
		<div class="content">
			<div class="quote-icon"><i class="fa fa-quote-right"></i></div>
			<div class="rester"></div>
			<div class="rester black"></div>
			
			<div class="container">
			

				
				
				<div class="clear"></div>
				
					<div id="clientsay" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
					
					<!--1 testimontal -->
					
						<div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 7182px; left: 0px; display: block;"><div class="owl-item" style="width: 1197px;"><div class="item">
					
							<p>" Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu. Sed ut perspiciatis unde omnis iste natus error sit  "</p>
							<span>- Quincafe Via Facebook -</span>
							
						</div></div><div class="owl-item" style="width: 1197px;"><div class="item">
	
							<p>" Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est "</p>
							<span>- Bayzug via Twitter -</span>
							
						</div></div><div class="owl-item" style="width: 1197px;"><div class="item">
		
							<p>" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form "</p>
							<span>- Evroname via Facebook -</span>
							
						</div></div></div></div>
						
					<!--2 testimontal -->
						
						
	
					<!--3 testimontal -->
						
						
						
					<div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div><div class="owl-buttons"><div class="owl-prev">prev</div><div class="owl-next">next</div></div></div></div>
				
				</div>
							
		</div>
		
	</div><!--=============== section testimontal end ===============-->							 	
	
<!--=============== section portfolio ===============-->

	<div id="portfolio" class="sections ws">
	
		<div class="content">
		
			<div class="quote-icon"><i class="fa fa-suitcase"></i></div>
			<div class="container grid1">
				<h3 class="sections-head">Portfolio</h3>
				<h2>My work</h2>
				
				<div class="small-separator"></div>	
				<p> Morbi faucibus, magna eu rhoncus cursus, ante augue sodales sapien, ac convallis lorem arcu ac risus. Vestibulum commodo tellus id felis porttitor pharetra. In metus magna, posuere at libero et, ultricies feugiat urna. Sed posuere malesuada commodo. </p>
			</div>
				
			<!-- portfolio filters -->

			<div id="options" class="clear">
		
			  <ul id="filters" class="option-set" data-option-key="filter">
			  
				<li class="filter actcat current active" data-filter="all">All</li>
				<li class="filter" data-filter="category_1">Web </li>
				<li class="filter" data-filter="category_2">Design</li>
				<li class="filter" data-filter="category_3">Branding</li>
				<li class="filter" data-filter="category_4">Video</li>
				
			  <li class="back" style="left: 155px; width: 36px;"><div class="left_currect"></div></li></ul>
			  
			</div> 
	
			
			<!-- Projects links -->
			
			<div class="aih">
			
				<ul id="folio_container" class="grid-full animaper">
				
				<!-- 1 project -->
				
					<li class="box  mix category_1 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-1.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/1.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Vestibulum</h4>							
									<h6>design / web</h6>
								</div>
							</div>
						</a>
						
					</li>
					
				<!-- 2 project -->
					
					<li class="box mix category_4 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-2.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/2.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Phasellus</h4>
									<h6>design / web</h6>
								</div>
							</div>
						</a>	
					</li>
					
				<!-- 3 project -->	
				
					<li class="box  mix category_3 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-3.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/3.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Mauris</h4>
									<h6>branding / video</h6>
								</div>
							</div>
						</a>
					</li>
					
				<!-- 4 project -->
					
					<li class="box  mix category_4 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-4.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/4.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Vivamus gravida</h4>
									<h6>branding / video</h6>
								</div>
							</div>
						</a>
					</li>
					
				<!-- 5 project -->	
				
					<li class="box mix category_2 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/single-project.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/5.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Aliquam</h4>
									<h6>Single Project</h6>
								</div>
							</div>
						</a>
					</li>
					
				<!-- 6 project -->
					
					<li class="box mix category_2 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-6.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/6.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Fusce</h4>
									<h6>branding / design</h6>
								</div>
							</div>
						</a>	
					</li>
					
				<!-- 7 project -->	
				
					<li class="box mix category_3 mix_all" style="display: inline-block; opacity: 1;">
						 <a href="http://cashemir.kwst.net/personal/index.html#!projects/project-7.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/7.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Integer a porta</h4>
									<h6>branding / web</h6>
								</div>
							</div>
						</a>	
					</li>
					
				<!-- 8 project -->
					
					<li class="box mix category_1 mix_all" style="display: inline-block; opacity: 1;">
						<a href="http://cashemir.kwst.net/personal/index.html#!projects/project-8.html">
							<img src="./Cashemir. Responsive One Page Portfolio_files/8.jpg" class="respimg" alt="" title="">
							<div class="folio-name clear">
								<div class="folio-overlay">
									<span class="overlay red"></span>
									<h4>Sed nec</h4>
									<h6>Web / design</h6>
								</div>
							</div>
						</a>	
					</li>
					
				</ul>
				
			</div>

			 <!-- ajax-section -->
			 
			<div class="clear"></div>
			 
			<div id="ajax-section">     
				<div id="loader"></div>
				<div id="ajax-content-outer">
					<div id="ajax-content-inner"></div>
				</div>
				<div id="project-navigation">
					<ul>
						<li id="prevProject"><a href="http://cashemir.kwst.net/personal/index.html#"></a></li>
						<li id="nextProject"><a href="http://cashemir.kwst.net/personal/index.html#"></a></li>
					</ul>  
				</div>
				<div id="closeProject">
					<div class="grid-3">
						<a href="http://cashemir.kwst.net/personal/index.html#/">Close</a>
					</div>               
				</div>                  
			</div>
			<!-- ajax-section end -->
					
		</div>

	</div>	<!--=============== section portfolio end ===============-->
		
<!--=============== section subscribe ===============-->

	<div id="subscribe" class="sections">
		<div class="content">
		<div class="quote-icon"><i class="fa fa-rss"></i></div>
			<div class="rester"></div>
			<div class="rester black"></div>
			<div class="container">
					
				<h3 class="sections-head">Subscribe</h3>
				<div class="small-separator ws"></div>
				<p>Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est</p>
				<div class="clear"></div>
							
				<div class="subcribe">
					<span class="overlay suboverlay"></span>
					<fieldset>
						<form class="subscriptionForm" method="post">
							<input id="subscriptionForm" class="inputForm" type="text" value="Enter Your Email Address" onfocus="if (this.value==&#39;Enter Your Email Address&#39;) this.value=&#39;&#39;" onblur="if (this.value==&#39;&#39;){this.value=&#39;Enter Your Email Address&#39;}">
							<input type="submit" id="submitButton" class="transition" value="Send">
						</form>
						
						<div id="success">Thanks for your subscription</div>
						<div id="error">Please enter a valid email address</div>
						
					</fieldset>
				</div> 										
			</div>
		</div>	
	</div>	<!--=============== section subscribe end ===============-->	


<!--=============== section resume ===============-->	

	<div id="resume" class="sections ws">
		<div class="content">
		<div class="quote-icon"><i class="fa fa-tasks"></i></div>
			<div class="container">
			<h3 class="sections-head">Facts about me</h3>
				<h2>Resume</h2>
				
				<div class="small-separator"></div>
				
				<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est.</p>
				<div class="resume-holder">
					<div class="resume-line animaper"></div>
					
					<!-- 1 block - left -->
					
					<div class="resume-holder">
						<div class="resume-box animaper">
							<div class="resume-circle-holder right-circle">
								<div class="resume-circle">
									<div class="resume-date right-date"><span></span>2013 - 2014</div>
								</div>
							</div>
							<div class="grid-full transition resume left-arrow">
								<div class="resume-head right-head-arrow">
									<h3>Work in company </h3>
									<div class="resume-icon"><i class="fa fa-briefcase"></i></div>
								</div>
								<a class="image-popup" href="./Cashemir. Responsive One Page Portfolio_files/1(1).jpg" title="">
									<span></span>
        							<img src="./Cashemir. Responsive One Page Portfolio_files/1(1).jpg" class="respimg" alt="">
      							</a>
								<p>Interdum et <a href="http://cashemir.kwst.net/personal/index.html#" target="_blank" class="company-color">Malesuada </a>fames ac ante ipsum primis in faucibus. Duis mollis nec leo at viverra. Ut quis malesuada urna. Nunc cursus aliquet est</p>
							
							</div>
						</div>
					</div>
									
					<!-- 2 block - right -->
					
					<div class="resume-holder">
						<div class="resume-box right right-box animaper">
							<div class="resume-circle-holder left-circle">
								<div class="resume-circle">
									<div class="resume-date left-date"><span></span>2012 - 2013</div>
								</div>
							</div>
							<div class="grid-full transition resume  left-arrow">
								<div class="resume-head left-head-arrow">
									<h3>Designer courses </h3>
									<div class="resume-icon"><i class="fa fa-book"></i></div>
								</div>
								<div class="clear"></div>
								<div class="resume-slider">
									
								  <div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="slides" style="width: 1000%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-540px, 0px, 0px);"><li class="clone" aria-hidden="true" style="width: 540px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/4(1).jpg" class="respimg" alt="" draggable="false"></li>
										<li class="flex-active-slide" style="width: 540px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/2(1).jpg" class="respimg" alt="" draggable="false"></li>
										<li style="width: 540px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/3(1).jpg" class="respimg" alt="" draggable="false"></li>
										<li style="width: 540px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/4(1).jpg" class="respimg" alt="" draggable="false"></li>
									<li class="clone" aria-hidden="true" style="width: 540px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/2(1).jpg" class="respimg" alt="" draggable="false"></li></ul></div><ul class="flex-direction-nav"><li><a class="flex-prev" href="http://cashemir.kwst.net/personal/index.html#">Previous</a></li><li><a class="flex-next" href="http://cashemir.kwst.net/personal/index.html#">Next</a></li></ul></div>								
	
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et elementum quam, auctor dictum leo. <a href="http://cashemir.kwst.net/personal/index.html#" target="_blank" class="company-color">Nam et faucibus mi</a>. Integer vitae ultricies sem. Praesent non velit volutpat mi consequat vestibulum et non risus. Vestibulum et neque vitae turpis auctor commodo.</p>
							
							</div>
						</div>
					</div>	
						
					<!-- 3 block - left -->
						
					<div class="resume-holder">
						<div class="resume-box animaper">
							<div class="resume-circle-holder right-circle ">
								<div class="resume-circle">
									<div class="resume-date right-date"><span></span>2011 - 2012</div>
								</div>
							</div>
							<div class="grid-full transition resume left-arrow">
								<div class="resume-head right-head-arrow">
									<h3>Work in company </h3>
									<div class="resume-icon"><i class="fa fa-briefcase"></i></div>
								</div>
								<div class="clear"></div>								
								<div class="resume-slider">
									
								  <div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="slides" style="width: 800%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-559px, 0px, 0px);"><li class="clone" aria-hidden="true" style="width: 559px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/5(1).jpg" class="respimg" alt="" draggable="false"></li>
										<li class="flex-active-slide" style="width: 559px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/6(1).jpg" class="respimg" alt="" draggable="false"></li>
										<li style="width: 559px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/5(1).jpg" class="respimg" alt="" draggable="false"></li>
									<li class="clone" aria-hidden="true" style="width: 559px; float: left; display: block;"><img src="./Cashemir. Responsive One Page Portfolio_files/6(1).jpg" class="respimg" alt="" draggable="false"></li></ul></div><ul class="flex-direction-nav"><li><a class="flex-prev" href="http://cashemir.kwst.net/personal/index.html#">Previous</a></li><li><a class="flex-next" href="http://cashemir.kwst.net/personal/index.html#">Next</a></li></ul></div>
								<p>Morbi nec egestas eros. <a href="http://cashemir.kwst.net/personal/index.html#" target="_blank" class="company-color">Aliquam facilisis</a> elementum sagittis. Ut a ornare lectus. Donec in conva turpis. Nunc et justo sed neque fermentum egestas. Vestibulum iaculis dui eget consequat elementum. Sed sit amet varius sem. Fusce a egestas mi.</p>
							
							</div>
						</div>
					</div>				

				</div>
				
				
				<div class="clear"></div>
				<a href="http://cashemir.kwst.net/personal/index.html#" class="download-resume"><span class="transition">Download resume</span></a>
				
			</div>
		</div>				
	</div><!--=============== section resume end ===============-->	
	

<!--=============== section clients ===============-->	

	<div id="clientlist" class="no-nav">
		<div class="content">
			<div class="client-carusel-holder no-nav">
			
				<div class="container">
				
					<div id="client-carusel" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
					
						<div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 3588px; left: 0px; display: block;"><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/1.png" class="respimg" alt="" title="">
						</div></div><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/2.png" class="respimg" alt="" title="">
						</div></div><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/3.png" class="respimg" alt="" title="">
						</div></div><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/4.png" class="respimg" alt="" title="">
						</div></div><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/5.png" class="respimg" alt="" title="">
						</div></div><div class="owl-item" style="width: 299px;"><div class="item">
							<img src="./Cashemir. Responsive One Page Portfolio_files/6.png" class="respimg" alt="" title="">
						</div></div></div></div>
						
						
						
						
						
						
						
						
						
						
						
					</div>
					
				</div>
			
			</div>
		</div>
	</div>	<!--=============== section clients end ===============-->
	
<!--=============== section contacts ===============-->

	<div id="contacts" class="sections">
		<div class="content">
			<div class="quote-icon to-top"><i class="fa fa-angle-up"></i></div>
			<div class="container">
			
				<!--contact form -->
									
				<div class="contactForm clear">
					<fieldset id="contact_form">											
								
						<div class="grid-half">
							<label for="name">Name</label>
							<input type="text" name="name" id="name">
						</div>
								
						<div class="grid-half">
							<label for="email" class="em">Email</label>
							<input type="text" name="email" id="email" class="right">
						</div>
								
						<label for="message" class="m-top">Message</label>
						<textarea name="message" id="message"></textarea>
								
						<div class="clear"></div>
															
						<label>
							<button class="submit_btn transition" id="submit_btn">SEND</button>
						</label>
						<div id="result"></div>
						
					</fieldset>
						
				</div>
		
				<div class="contact-details">
	
					<div class="grid-2">
						<div class="smallicon animaper"><i class="fa fa-mobile fa-2x"></i></div>
						<span>+1 877 123456789</span>
					</div>
						
					<div class="grid-2 showform">
						<div class="smallicon actform  animaper"><i class="fa fa-envelope-o fa-2x"></i></div>
						<span>yourmail@domain.com</span>
					</div>
						
					<div class="grid-2">
						<div class="smallicon animaper showmap mnv "><i class="fa fa-home fa-2x"></i></div>
						<span>Third Main Street, 27th Brooklyn,<br> NY City 1000-204 NY</span>
					</div>
						
				</div>						
				
			</div>
			
			<!--map-->
			<div class="mapbox">
				<div class="map-decor"></div>
				<div class="close-map"><img src="./Cashemir. Responsive One Page Portfolio_files/close-white.png" alt=""><div class="triangle"></div></div>
				<div id="map_canvas" style="background-color: rgb(229, 227, 223); overflow: hidden;"><div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; cursor: url(http://maps.gstatic.com/mapfiles/openhand_8_8.cur) 8 8, default; -webkit-transform-origin: 0px 0px; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);"><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 200;"><div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 201;"><div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 495px; top: 138px;"><canvas draggable="false" height="256" width="256" style="-webkit-user-select: none; position: absolute; left: 0px; top: 0px; height: 256px; width: 256px;"></canvas></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 239px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 495px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 495px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 751px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 239px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 239px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 751px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 751px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1007px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -17px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1007px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1007px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -17px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -17px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1263px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -273px; top: 138px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -273px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1263px; top: -118px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -273px; top: 394px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1263px; top: 394px;"></div></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 202;"><div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: 138px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: -118px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: 394px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: 394px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(1)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(2)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 495px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(3)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(4)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(5)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(6)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 751px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(7)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(8)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(9)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1007px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(10)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(11)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(12)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 1263px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(13)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 239px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(14)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(15)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(16)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -17px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(17)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: 138px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(18)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: -118px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(19)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -273px; top: 394px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="./Cashemir. Responsive One Page Portfolio_files/vt(20)" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a target="_blank" href="http://maps.google.com/maps?ll=40.761467,-73.956379&z=18&hl=id-ID&gl=US&mapclient=apiv3" title="Klik untuk melihat area ini di Google Maps" style="position: static; overflow: visible; float: none; display: inline;"><div style="width: 62px; height: 26px; cursor: pointer;"><img src="./Cashemir. Responsive One Page Portfolio_files/google_white2.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 62px; height: 26px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 102px; bottom: 0px; width: 168px;"><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Data Peta</a><span style="">Data peta ©2014 Google, Sanborn</span></div></div></div><div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto, Arial, sans-serif; color: rgb(34, 34, 34); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 501px; top: 135px;"><div style="padding: 0px 0px 10px; font-size: 16px;">Data Peta</div><div style="font-size: 13px;">Data peta ©2014 Google, Sanborn</div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img src="./Cashemir. Responsive One Page Portfolio_files/mapcnt3.png" draggable="false" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;"><div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Data peta ©2014 Google, Sanborn</div></div><div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; position: absolute; -webkit-user-select: none; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a href="http://www.google.com/intl/id-ID_US/help/terms_maps.html" target="_blank" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);">Syarat Penggunaan</a></div></div><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none; position: absolute; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; display: none;"><a target="_new" title="Laporkan kesalahan dalam peta jalan atau citra ke Google" href="http://maps.google.com/maps?ll=40.761467,-73.956379&z=18&hl=id-ID&gl=US&mapclient=apiv3&skstate=action:mps_dialog$apiref:1&output=classic" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;">Laporkan kesalahan peta</a></div></div></div></div>
			</div>
				
			<!-- footer -->
		
			<div class="footer clear">
			
				<p>Cashemir  ©2014  All rights reserved.</p>
				<div class="small-separator ws"></div>
				
			</div> <!--footer end-->
			
		</div>
	</div><!--=============== section contacts end ===============-->
	
</div><!--=============== wrapper end ===============-->
		
<!--=============== Styleswitch Panel Only in Demo===============-->

<div class="show-panel"></div>
<div class="panel" style="overflow: hidden;">
	<h3>Options</h3>
	<div class="panel-container">
			<div class="options">
				<h5>Switching color</h5>
				<ul class="color-switch">
					<li class="orange"><a href="http://cashemir.kwst.net/personal/index.html#" rel="orange" class="styleswitch"></a></li>
					<li class="blue"><a href="http://cashemir.kwst.net/personal/index.html#" rel="blue" class="styleswitch"></a></li>
					<li class="green"><a href="http://cashemir.kwst.net/personal/index.html#" rel="green" class="styleswitch"></a></li>
					<li class="yellow"><a href="http://cashemir.kwst.net/personal/index.html#" rel="yellow" class="styleswitch"></a></li>
				</ul>
			<div class="layout-holder">
			<h5>Layout type</h5>
			<h4>Team</h4>
			<a href="http://cashemir.kwst.net/team/index.html" class="layout">Slider</a>	
			<a href="http://cashemir.kwst.net/team/video-bg.html" class="layout">Video</a>
			<h4>Personal</h4>
			<a href="./Cashemir. Responsive One Page Portfolio_files/Cashemir. Responsive One Page Portfolio.htm" class="layout acttype">Slider</a>	
			<a href="http://cashemir.kwst.net/personal/video-bg.html" class="layout">Video</a>
			<h4>Sticky</h4>
			<a href="http://cashemir.kwst.net/sticky/index.html" class="layout">Slider</a>	
			<a href="http://cashemir.kwst.net/sticky/video-bg.html" class="layout">Video</a>	
			</div>		
			</div>
	</div>

</div><!--panel end -->
		
</div><!--===============  main end ===============-->
 
<!--=============== javascript ===============-->

	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jpreloader.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/smoothscroll.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/superslides.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/mixitup.js"></script>
	<script type="text/javascript" defer="" src="./Cashemir. Responsive One Page Portfolio_files/jquery.flexslider.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.parallax-1.1.3.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.scrollTo-1.4.2-min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/hoverdir.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/owl.carousel.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/appear.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.nav.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/fitvids.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.lavalamp.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.hammer.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/jquery.magnific-popup.min.js"></script>
	<script type="text/javascript" src="./Cashemir. Responsive One Page Portfolio_files/scripts.js"></script>
		<!--Styleswitch-->
	<script src="./Cashemir. Responsive One Page Portfolio_files/styleswitch.js" type="text/javascript"></script>

<div style="clear: both;"></div></body></html>